<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 图片元素和属性与属性值
		 png  jpg  gif
		 属性与属性值：出现元素前标记位置【多个用空格分开】
		 作用：修饰元素效果
		 【必须】资源属性 src="路径+图片全称"
		 
		 路径：通过路径找到文件，表示/ \
		 /表示：上传至服务器  【推荐】
		 \表示：下载至本地
		 ../ 返回上一级
		 
		 
		 相对路径：相对于执行页面文件，同一目录下 直接按照目录名+图片全称
		          相对于执行页面文件，包含文件夹  逐级返回上一步
		 绝对路径：根据盘符查找文件
		          C:\Users\麦兜兜\Desktop\Day01\html
		 <img>
		 alt标题属性  属性值：文本自定
		 特点：用于解释图片，特点：网络问题、图片名称写错，提示
		 title标题属性  属性值：文本自定
		 特点：用于解释图片，特点：鼠标移动上去提示
		 -->
		 <img src="img\1.jpg" alt="懒" width="200px"height="200px"/>
		 <img src="img\2.gif" title="羊" width="200px"height="200px"/>
		 <img src="img\3.png" alt="洋" title="懒洋洋" width="200px"height="200px"/>
		 
		 <!-- 图片，音频，视频【文件类】使用机制类似  视频video元素
		 视频video元素的属性与属性值：如果属性与属性值一致，删除属性值
		 autoplay属性     自动播放一次
		 controls属性     控制条
		 loop属性         无限次播放
		 音频 audio
		 -->
		 
		 <video src="img/oceans-clip.mp4"autoplay controls loop></video>
		 <audio src="img/dafengche.mp3"autoplay controls loop></audio>
	</body>
</html>